<template>
    <div class="breadcrumb">
        <el-breadcrumb>
            <el-breadcrumb-item>
                <el-icon>
                    <HomeFilled/>
                </el-icon>
            </el-breadcrumb-item>
            <el-breadcrumb-item>
                患者健康
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="card" style="margin-bottom: 5px">
        <UHealthUp/>
    </div>
    <div class="card">
        <UHealthDown/>
    </div>
</template>

<script lang='ts' setup>
import { HomeFilled } from '@element-plus/icons-vue'
import UHealthDown from '@/components/UHealth/uHealthDown.vue'
import UHealthUp from '@/components/UHealth/uHealthUp.vue'
</script>

<style lang='scss' scoped>
.breadcrumb {
  margin: 15px 0;
}

.card {
  padding: 20px;
  box-shadow: var(--el-box-shadow-light);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--el-border-color);
}
</style>